

.sc-bottom-bar{
  position:inherit;
  display:flex;
  background-position:304px center;
  padding: 18px 36px;
  justify-content:space-between;
  width:auto;
  margin:auto;
  top:0;
  left:0;
  bottom:0;
  right:0;
  height: auto;

  font-size:26px;
  background-image:radial-gradient(circle at 36px 6px,transparent 36px, #ffffff 37px);
  filter: drop-shadow(0px -1px 2px  rgba(0, 0, 0, 0.08)) drop-shadow(1000px 10000px 10000px  rgba(0, 0, 0, 0.12));
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
  transition: cubic-bezier(0.57, 0.23, 0.08, 0.96) .45s;
  z-index: 1;
  pointer-events: auto;
}

.sc-nav-indicator{
  position:absolute;

  width: 56px;
  height: 56px;
  bottom:29px;
  margin:auto;
  left:0;

  background-color: #000000;
  box-shadow: var(--main-cast-shadow);
  border-radius:50%;
  transition: cubic-bezier(0.45, 0.73, 0, 0.59) .3s;
}
.sc-menu-item{
  color:var(--fore-color);
  transition:ease-in-out .5s;

  cursor: pointer;
}
.sc-current{
  position:relative;

  color:#ffffff;

  z-index:3;
  transform:translate3d(0px,-22px,0px);
}
